
    <div class="container" id="bulletChart">
        <div class="row">
            <div class="
col-md-6">
                <article>
                    <h2 class="tutorial__heading">Bullet Chart</h2>
                    <div class="js-bullet-chart-container card--chart"></div>
                    <p>This is the bullet chart used for showing CPU usage.</p>
                    <p>We have included a resize listener to show how the different charts respond to changes on the viewport.</p>
                </article>
            </div>
            <div class="
col-md-6 sidebar">
                <h3>The code</h3>
                <pre><code class="language-javascript">
let bulletChart;

dataset.forEach(data => {
    bulletChart = new bullet();
    bulletChart.width(containerWidth);
    bulletContainer.datum(data).call(bulletChart);
});
                </code></pre>
                <h4>Colors</h4>
                <label class="control-label">You can also check other color schemas:</label>
                <div class="js-color-selector-container"></div>
                <h4>Data Input</h4>
                <p>Check the <a href="/britecharts/global.html#BulletChartData__anchor">data input schema</a> of this chart.</p>
                <h4>Export Chart</h4>
                <p>You can also export this chart by pressing: <input id="button" type="button" value="Export" class="btn btn-sm btn-primary" /></p>
                <h4>Demo Code</h4>
                <p>Read the whole code of this demo <a href="https://github.com/eventbrite/britecharts/blob/master/demos/src/demo-bullet.js">in github</a></p>
            </div>
        </div>
    </div>
